<template>
  <section :class="['e-container', { 'with-tab': withTab }]">
    <a-spin :spinning="loading" tip="Loading...">
      <slot />
    </a-spin>
  </section>
</template>

<script setup>
defineProps({
  loading: {
    type: Boolean,
    default: false
  },
  withTab: {
    type: Boolean,
    default: false
  }
})
</script>

<style lang="less" scoped>
.e-container {
  height: auto;
  background-color: @white;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(182, 188, 224, 0.45);
  &.with-tab {
    border-top-left-radius: 0;
  }
}
</style>
